.videoHd #devid,
.videoHk #devid,
.videoSd #devid{
	height:30px;
	width:240px;
	padding:0 10px;
}

.videoHd .Wdate,
.videoHk .Wdate,
.videoSd .Wdate{
	height:30px;
	width:240px;
	padding:0 10px;
}

.videoHd .modal-body li select,
.videoHk .modal-body li select,
.videoSd .modal-body li select{
	width:240px;
}

.videoHd .video-chart,
.videoHk .video-chart,
.videoSd .video-chart{
	width:50%;
	height:100%;
	float: left;
	padding-right:10px;
	border-right:1px solid #eee;
}

.videoHd .video,
.videoHk .video,
.videoSd .video{
	width:100%;
	height:60%;
}

.videoHd .chart,
.videoHk .chart,
.videoSd .chart{
	width:100%;
	height:40%;
}

.videoHd .map-track,
.videoHk .map-track,
.videoSd .map-track{
	height:100%;
	width:50%;
	float: left;
	margin-left:0px;
	padding-left:10px;
}

.videoHd #gdMap,
.videoHk #gdMap,
.videoSd #gdMap{
	height:60%;
	width:100%;
}

.videoHd #speedDiv,
.videoHk #speedDiv,
.videoSd #speedDiv{
	height:40%;
	width:100%;
}

.videoHd #speedCharts,
.videoHk #speedCharts,
.videoSd #speedCharts{
	width:100%;
	height: 100%;
}

.videoHd #selectVehicleSel,
.videoHk #selectVehicleSel,
.videoSd #selectVehicleSel{
	width:100px;
	margin: 0px;
}

.videoHd .videoPage,
.videoHk .videoPage,
.videoSd .videoPage{
	height:100%;
	width:100%;
	padding:0 10px;
}

.videoHd #tooldiv,
.videoHk #tooldiv,
.videoSd #tooldiv{
	position: absolute;
	z-index: 99;
	right: 20px;
	top:10px;
}

.videoHd .modal-footer,
.videoHk .modal-footer,
.videoSd .modal-footer{
	text-align:center;
}

.videoHd .modal-body,
.videoHk .modal-body,
.videoSd .modal-body{
	padding:15px 28px;
}

.videoHd .bt10,
.videoHk .bt10,
.videoSd .bt10{
	margin-bottom:10px;
}

.videoMulti .height100{
	height:100%;
}

.videoMulti .height50{
	height:50%;
}

.videoMulti .width50{
	width:50%;
}

.videoMulti .overhidden{
	overflow:hidden;
}


.hkMin #closeVideoDiv{
	padding:2px 4px;
}

.HdMin .paddingLeft-5,
.hkMin .paddingLeft-5,
.sdMin .paddingLeft-5{
	padding-left:5px;
}

iframe{
	border:none;
}

.paddingLeft-5{
	padding-left:5px;
}

.paddingLeft-10{
	padding-left:10px;
}

.paddingTop-5{
	padding-top:5px;
}

.paddingBottom-5{
	padding-bottom:5px;
}

.paddingRight-5{
	padding-right:5px;
}

.paddingRight-10{
	padding-right:10px;
}

.videoHd .toolBtn{
	padding:0 8px;
	height:28px;
	line-height:28px;
	background:#f78a1c;
	color:#fff;
	display:inline-block;
}

.videoHk .toolBtn{
	padding:0 8px;
	height:28px;
	line-height:28px;
	background:#f78a1c;
	color:#fff;
	display:inline-block;
}

.videoSd .toolBtn{
	padding:0 8px;
	height:28px;
	line-height:28px;
	background:#f78a1c;
	color:#fff;
	display:inline-block;
}

.chart .table th,
.chart .table td{
	border:1px solid #dedede;
}

#tooldiv{
	padding:5px 0px;
	/* background:rgba(211,234,243,.7);
	border-radius:5px; */
}

.videoBtn{
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-top:1px;
	background:#f78a1c;
	padding:2px 3px;
	color:#fff;
}

.videoBtn:hover,
.videoBtn:focus{
	color:#fff;
}

.timeEnd{
	float:left;
	display:inline-block;
	height:26px;
	line-height:26px;
	border:1px solid #dedede;
/* 	padding:0 5px; */
	background:#fff;
/* 	margin-left:8px; */
}

.videoSelect{
	float:left;
	height:26px;
	line-height:26px;
	border:1px solid #dedede;
	border-radius:0;
	padding: 0px;
	margin-left:8px;
}